import { createApp } from 'vue'
import { Image as VanImage, Sticky, Empty, Sidebar, SidebarItem, DropdownItem, DropdownMenu, Tag, Col, Row, Search, Grid, GridItem, ActionBar, NavBar, ActionBarIcon, ActionBarButton, Divider, Popup, Overlay, Loading, Dialog, ContactCard, Form, AddressEdit, AddressList, Field, CellGroup, Cell, SwipeCell, Icon, Stepper, Card, Checkbox, CheckboxGroup, Button, Swipe, SwipeItem, PullRefresh, List, Tab, Tabs, SubmitBar, Toast, Skeleton, Tabbar, TabbarItem } from 'vant'

import App from './App.vue'
import router from './router'
import store from './store'
// import 'vant/lib/index.css';

import "amfe-flexible"; // html 写上 font-size 样式

const app = createApp(App)


app.use(ActionBarButton)
  .use(ActionBarIcon)
  .use(ActionBar)
  .use(Divider)
  .use(Popup)
  .use(Overlay)
  .use(Loading)
  .use(Dialog)
  .use(Toast)
  .use(ContactCard)
  .use(Form)
  .use(AddressEdit)
  .use(AddressList)
  .use(Field)
  .use(CellGroup)
  .use(Cell)
  .use(SwipeCell)
  .use(Icon)
  .use(Stepper)
  .use(Card)
  .use(Button)
  .use(Swipe)
  .use(SwipeItem)
  .use(PullRefresh)
  .use(List)
  .use(Tab)
  .use(Tabs)
  .use(SubmitBar)
  .use(Checkbox)
  .use(CheckboxGroup)
  .use(Skeleton)
  .use(Tabbar)
  .use(TabbarItem)
  .use(NavBar)
  .use(Grid)
  .use(Empty)
  .use(GridItem)
  .use(VanImage)
  .use(Search)
  .use(Col)
  .use(Row)
  .use(Tag)
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(Sidebar)
  .use(SidebarItem)
  .use(Sticky);

app.use(router)
app.use(store)


app.mount('#app')